<template>
  <cl-dialog title="图片" width="500px" :visible.sync="visible" :props="{
    top: '10vh',
    appendToBody: true,
    closeOnClickModal: true
  }">
  <div style="display:flex;align-items:center;flex-wrap:wrap;justify-content: space-between">
       <el-image 
     v-for="(item, index) in imageList"
    :key="index"
    style="width: 200px; height: 200px;margin-top:5px"
    :src="item" 
    :preview-src-list="[item]">
  </el-image></div>

  </cl-dialog>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      imageList: [],
    };
  },
  methods: {
    open(data = {}) {
      this.visible = true;
      this.imageList = data.images;
    },
  }
};
</script>

<style lang="scss" scoped>
::v-deep {
  .el-radio {
    margin-bottom: 10px !important;
  }
}
</style>
